/** INDEX.JSP **/
#header{
	background-color:#343f46;
	padding:0;
	font-size:12px;color:white;
}
#loading-mask{
	width:100%;	height:100%;
	background:#e5e5e5;
	position:absolute;
	z-index:20000;
	left:0;top:0;
}
#loading{
	position:absolute;
	left:45%;
	top:40%;
	border:1px solid #6593cf;
	padding:2px;
	background:#f0f0f0;
	width:220px;
	text-align:center;
	z-index:20001;
}

.loading-indicator {
	border:1px solid #a3bad9;
    background-image:url('../../resources/images/grid/loading.gif');
    background-repeat: no-repeat;
    background-position:20px;
	color:#003366;
	font-size: 12px;
	padding:10px;
	margin:0;
}
#top{
    /*background-image:url('images/header_bg.gif');
    background-repeat: no-repeat;
	background-position:bottom right;
	border-bottom:1px solid #1f74b7;*/
	height:35px;
}
#logo{
    background-image:url('images/logo.gif');
    background-repeat: no-repeat;
	background-position:bottom left;
	float:left;
	height:35px;
	width:100%;
}
#functions{
	text-align:right;
	padding:10px 20px;
	float:right;
}
#functions a,#functions a:visited{
	color:#FFFFFF;
	text-decoration: none;
}
#functions a:hover{
	color:#fff;
	text-decoration: underline;
}
#menubar{
	display:inline;
	float:left;
	width:600px;
	height:30px;
	background-color:#d70010;
	width:100%;
}
#menu {
  float: left;
  clear: both;
  margin-left:5px;
}

#menu li {
  padding: 0pt 1px;
  float: left;
}
#menu a {
  padding:0 0 0 8px;
  background: url(images/tabl.gif) no-repeat left top;
  float: left; 
  text-decoration: none
}
#menu a span {
  line-height:22px;
  padding: 4px 8px 5px 0px; 
  display: block; 
  background: url(images/tabr.gif) no-repeat right top;
  color: #fff;
}
#menu a:hover {
  background-position: 0% -30px
}
#menu a:hover span {
  color: #333;
  background-position: 100% -30px;
}
#menu a.cur {
  background-position: 0% -30px;
}
#menu a.cur span {
  color: #333;
  background-position: 100% -30px;
}
